<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>网约车</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../../css/sm.css">
    <link rel="stylesheet" href="../../css/public.css">

  </head>
  <body>
  	<div class="page-group">
			<div class="page page-current" id="urbanPage">
				<!--顶部导航条-->
			  <div class="top-nav">
			  	<a href="javascript:void(0);" class="img-btn menu-icon open-panel" data-panel='#sidebar-box'></a>
			  	<h1>
			  		LOGO
			  	</h1>
			  	<a href="#" class="text-btn green-text cancel-order" style="display: none;">取消订单</a>
			  </div>
			  
			  <!--模式选择-->
			  <div class="top-nav sub-nav choose-model">
					<a href="nonUrbanModel.html" external>非市区模式</a>
					<a href="urbanModel.html" class="active" external>市区模式</a>
					<a href="hitchhiking.html" external>顺风车</a>
			  </div>
			  
			  <!--等待司机来接-->
			  <div class="top-nav sub-nav show-trip" style="display:none;">
			  	<div class="ipt-row">
			  		<span class="darkgreen-text">从</span>
			  		<div></div>
			  	</div>
		  	</div>
			  
			  <!--地图主体-->
			  <div class="page-content map-content">
		  		  <div class="map-box" style="background: url(../../image/maptest_bg.jpg) no-repeat center;background-size: cover;"></div>
			  </div>
			  
				<!--底部交互-->
			  <div class="bottom-nav map-bottom addr-block">
					<div class="bottom-form">
						<div class="ipt-row">
							<span class="darkgreen-text">从</span>
							<div>
								<input type="text" name="urbanStart" class="ipt addr-ipt" value="石花三巷" addr="000" readonly="readonly" />
							</div>
						</div>
					</div>
					<input type="button" class="btn big-btn green-btn callTaxi" value="呼叫出租车" />
			  </div>
			  
			  <!--等待司机来接-->
			  <div class="bottom-nav map-bottom wait-driver-block" style="display: none;">
					<input type="text" id="driverNum" class="ipt driver-num" placeholder="请输入司机编号" />
					<input type="button" id="alreadyOnCar" class="btn big-btn green-btn" value="我已上车" />
			  </div>
			</div>
		</div>
		
		
		<!--侧栏-->
		<div class="panel-overlay"></div>
		<div class="panel panel-left panel-cover sidebar-content" id='sidebar-box'>
		  <div class="sidebar-top">
				<a href="../personal/userInfo.html" external>
					<img src="../../image/user_img.png" />
					<div>
						<span>王小明</span>
						<span>137****1234</span>
					</div>
				</a>
			</div>
			<div class="sidebar-body">
				<ul>
					<li class="my-trip">
						<a href="../personal/myTrip.html" external>
							我的行程
						</a>
					</li>
					<li class="common-address">
						<a href="../personal/commonAddress.html" external>
							常用地址
						</a>
					</li>
					<!--<hr />-->
					<li class="system-setting">
						<a href="../personal/settingPage.html" external>
							设置
						</a>
					</li>
				</ul>
			</div>
		</div>

	<script type='text/javascript' src='../../js/sm/zepto.min.js' charset='utf-8'></script>
	<script type='text/javascript' src='../../js/sm/sm.min.js' charset='utf-8'></script>
	<script type='text/javascript' src='../../js/searchAddr.js'></script>
	<script type='text/javascript' src='../../js/urban.js'></script>
	

  </body>
</html>